<script>
	//import pageAnimation from './componets/page-animation'
	export default {
		//mixins: [pageAnimation],
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	
	// 设置整个项目的背景色
	page,#app{
		background-color: #f5f5f5;
		min-height: 100vh;
	}
	uni-slider .uni-slider-track{
		height: 4rpx !important;
		
	}
	.uni-modal__btn_primary{
		background-color: #1f1f1f;
		color: #fff !important;
	}
	uni-slider .uni-slider-handle-wrapper{
		height: 4rpx !important;
		// background: linear-gradient(to right,#cc2808,#e9daa1) !important;
	}
	uni-slider .uni-slider-thumb{
		border: 4rpx solid #fff !important;
		background-color: #151515 !important;
		box-sizing: border-box !important;
		
	}
	.uni-slider-thumb{
		transition: all .1s !important;
	}
	.uni-slider-handle{
		transform: scale(2);
	}
	.selected-list{
		justify-content: flex-end !important;
		padding-right: 10rpx;
		.text-color{
			color: #F04F56 !important; 
		}
		
	}
	.segmented-control__item--button{
		min-width: 150rpx !important;
	}
	.selected-item-active{
		border-color: #F04F56 !important;
	}
	.selected-area{
		justify-content: flex-end !important;
		
	}
	.check{
		border-color: #F04F56 !important;
	}
	.placeholder{
		font-size: 30rpx !important;
	}
	.input-value{
		border: none !important;
		font-size: 30rpx !important;
		justify-content: flex-end !important;
	}
	.uni-button-color{
		color: #F04F56 !important;
	}
	.uni-popup .uni-popup__wrapper{
		background-color: transparent !important;
	}	
	.uni-indexed-list__title-wrapper{
		background-color: #fff !important;
	}
	.uni-indexed-list__item-content{
		color: #555 !important;
		font-size: 28rpx !important;
	}
	.uni-indexed-list__list{
		background-color: #fff !important;
	}
	uni-checkbox .uni-checkbox-input{
		border-radius: 50% !important;
		
		width: 30rpx !important;
		height: 30rpx !important;
	}
	uni-checkbox .uni-checkbox-input:hover{
		border-color:transparent !important;
	}
	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
		border-color: #F04F56 !important;
		background-color: #F04F56; 
		color: #fff !important;
	}
	/* #endif */
	page,view,navigator,button{
	    box-sizing: border-box;
		line-height: 1;
	  }
	  
	  button{
	      padding: 0;
	      background-color: transparent;
	      line-height: 1;
	      text-align: left;
	      font-size: 30rpx;
	      margin: 0;
	     
	  }
	  uni-button{
		   background-color: transparent !important;
	  }
	  uni-button::after{
	      border: none !important;
	  }
	  button::after{
	      border: none;
	  }
	  image{
	    display: block;
	  }
	  .guazi{
	    display: -webkit-box;
	    overflow: hidden;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	  }
	  .guazier{
	    display: -webkit-box;
	    overflow: hidden;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	  }
	  .borbtn{
		  width: 220rpx;
		  height: 80rpx;
		  background-color: #ffffff;
		  border-radius: 10rpx;
		  border: solid 1rpx #0076e2;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  font-size: 28rpx;
		  color: #0076e2;
		  margin-right:20rpx;
	  }
	  .redbtn{
	    width: 100%;
	      height: 80rpx;
	      background-color: #0076e2;
	    border-radius: 10rpx;
	    color: #fff;
	    font-size: 28rpx;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin: 0 auto;

	  }
	
	
	.null{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 100rpx 0;
		.top{
			margin-bottom: 39rpx;
		}
		.mid{
			font-size: 30rpx;
			color: #999999;
			margin-bottom: 89rpx;
		}
		.bot{
			width: 430rpx;
			height: 96rpx;
			background: #F04F56;
			border-radius: 48rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 34rpx;
		}
	}
	
	.bg{
	    position: absolute;
	    left: 0;
	    top: 0rpx;
	    z-index: 0;
	    width: 100%;
	}
	.u-subsection--button__bar{
		background-color: #c49c4c !important;
	}

	.u-checkbox{
		padding-bottom: 0 !important;
	}
	uni-toast{
		z-index: 99999;
	}
	
	.uni-modal__ft{
		font-size:28rpx
	}
	.uni-modal__bd{
		padding: 80rpx 0 60rpx 0; 
	}
	.uni-modal__btn:active{
		background-color: #f1f1f1;
	}
	.uni-mask{
		background-color: rgba(0, 0, 0, 0.65);
	}
	.uni-modal__bd,.u-modal__content{
		background: url(@/assets/dialoBg.png) top center no-repeat;
		background-size: 100% 20rpx;
	}
	.u-modal__button-group__wrapper--confirm{
		background-color: #1f1f1f;
		color: #fff !important;
	}
	.u-modal__button-group__wrapper__text{
		color: #606266 !important;
	}
	.u-popup__content{
		// width: 80%;
	}
	.u-modal__button-group__wrapper--confirm .u-modal__button-group__wrapper__text{
		color: #fff !important;
	}
	
	 
</style>
